<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/mui.min.css" />
	<link rel="stylesheet" href="css/kaContent1.css" />
	<link rel="stylesheet" href="css/toast.css" />
	<script src="js/toast.js"></script>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/config.js"></script>
	<title>打卡领爱奇艺会员</title>
</head>
<body>
<!--<header class="mui-bar mui-bar-nav">-->
<!--<h3 class="mui-title">大钞市·打卡领钱</h3>-->

<!--</header>-->

<!--弹出层-->

<div class="tan">
	<div class="meng">

		<!--弹出层（领取打卡金）-->

		<div class="jContent">
			<div class="jTu">
				<div class="font">
					<h3 class=j-money>领取爱奇艺会员</h3>
					<div class="j-money-tan">
						<div class="font-jiangli">恭喜您</div>
						<div class="font-jiangli">获得爱奇艺会员</div>
						<div class="num-jiangjin">
							<span class="num-span">20</span>
							<span class="num-span-yuan">元</span>
						</div>
					</div>
				</div>
			</div>

			<div class="jclose">
				<img src="./images/close.png" alt="" />
			</div>


		</div>



		<!--弹出层1-->
		<div class="tContent">
			<div class="cTu">
				<img src="./images/title.png" alt="" />
			</div>

			<div class="tTitle">活动规则</div>

			<div class="tText">
				<div class="text">
					<p>
						1. 每日任意时间消耗账上零钱参与次日早上
						<span>7:00-9:00</span>
						早起打卡挑战。完成挑战即保底获得前一日的支付金额（1元或5元），同时参与瓜分由未打卡用户贡献的奖池
					</p>

					<p>
						2. 每日奖池包含
						<span>500</span>
						元的基数。我们将从打卡成功的用户中抽取一部分参与瓜分
					</p>
					<p>
						3. 如未能完成挑战，则支付的金额（1元或5元）不予返还
					</p>

					<p>
						4. 大钞市保留在法律允许范围内对活动规则的修改权
					</p>
				</div>
			</div>


		</div>

		<div class="close">
			<img src="./images/close.png" alt="" />
		</div>
	</div>

</div>


<!--内容区-->


<div class="top">
	<!--<a href="./index.html" class="back mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>-->

	<div class="rule">
		<img src="./images/rule.png" alt="" />
	</div>

</div>

<div class="cengji">
	<div class="box-shaow"></div>
	<div class="box">
		<!--<div class="dContent">-->
		<!--<div class="dTu">
            <img src="./images/clock.png" alt="" />
        </div>-->

		<div class="dTitle">爱奇艺会员流程</div>


		<div class="btn">
			<!--<div class="btn1">消耗 1 元</div>-->
			<div class="btn2">去完成任务</div>
			<div class="btn3">
				<img src="./images/btn3.png" alt="">
			</div>
		</div>

		<!--</div>-->


	</div>

</div>

<div class="content">

	<div class="box2">
		<div class="yaoqing">
			<img src="./images/yaoqing.png" alt="" />
		</div>
		<div class="mine">
			<img src="./images/mine.png" alt="" />
			<span class="cishu">
							成功打卡
							<span class="mDaka">0</span>
							次
						</span>
		</div>

	</div>


	<div class="box3">
		<div class="result">
			<div class="result-title">上期领取结果</div>
			<div class="result-information">
				<div class="sun">



							<span>
									成功
									<i class="success-man"></i>
									人
								</span>


					<span>
									失败
									<i class="fail-man"></i>
									人
								</span>
				</div>
				<div class="people">
					<div class="same">
						<div class="avatar">
							<img src="./images/avatar.png" alt="" />
						</div>
						<div class="desc">
							<img src="./images/first.png" alt="" />
						</div>
						<div class="name name1"></div>
						<div class="message yellow"></div>
					</div>


					<div class="same">
						<div class="avatar">
							<img src="./images/avatar.png" alt="" />
						</div>
						<div class="desc">
							<img src="./images/second.png" alt="" />
						</div>
						<div class="name name2"></div>
						<div class="message red"></div>
					</div>



					<div class="same last">
						<div class="avatar">
							<img src="./images/avatar.png" alt="" />
						</div>
						<div class="desc">
							<img src="./images/third.png" alt="" />
						</div>
						<div class="name name3"></div>
						<div class="message blue"></div>
					</div>


				</div>
			</div>


		</div>

	</div>
</div>




<script>


    //上期是否打卡，是否让打卡按钮可点击   false代表本期可以打卡，true代表本期已打卡
    var isDaka = window.localStorage.getItem('isDaka');
	var dakaVip = window.localStorage.getItem('dakaVip');


    console.log("上期是否打卡："+ isDaka );
    console.log("是否可以打卡领取爱奇艺："+ dakaVip );



    //获取上期打卡结果
    $.ajax({
        url:host+"/buss/daka/log/yset",
        type:"post",
        success:function(res){
            console.log("上期"+JSON.stringify(res));
            if(res.success){



                $(".name1").eq(0).html(res.data.jiaohuang.name);
                $(".yellow").eq(0).html(res.data.jiaohuang.desc);

                $(".name2").eq(0).html(res.data.laodong.name);
                $(".red").eq(0).html(res.data.laodong.desc);

                $(".name3").eq(0).html(res.data.zuizao.name);
                $(".blue").eq(0).html(res.data.zuizao.desc);

            }


        },
        error:function(){
            console.log("获取上期打卡结果error");

        }


    })




    //点击活动规则
    $(".rule").eq(0).click(function(){

        $(".tan").eq(0).css({display:"block"})
        $(".tContent").eq(0).css({display:"block"})
        $(".close").eq(0).css({display:"block"})
    })

    $(".close").eq(0).click(function(){
        $(".tan").eq(0).css({display:"none"})
        $(".tContent").eq(0).css({display:"none"})
        $(".close").eq(0).css({display:"none"})
    })









    $(".dclose").eq(0).click(function(){
        $(".tan").eq(0).css({display:"none"})
        $(".dContent").eq(0).css({display:"none"})
        $(".dclose").eq(0).css({display:"none"})

    })


    //获取奖池和参与打卡人数

    $.ajax({
        url:host+"/buss/daka/log/benqi",
        type:"get",
        success:function(res){
            console.log("111111"+JSON.stringify(res));
            if(res.success){
                var money= res.data.zongPrice;
                var sum = res.data.zongNum;
                var day = res.data.benqi;
                var jiangjin = res.data.jiangjin;
                var kaijiang = res.data.kaijiang;
                $(".lingjiang span").html(kaijiang);

                // $(".gua-money").eq(0).html(res.data.upJiangPrice);
                $(".success-man").eq(0).html(res.data.aiqiyiupSuccessNum );
                $(".fail-man").eq(0).html(res.data.aiqiyiupErrorNum);

                if(jiangjin){
                    $(".tan").eq(0).css({display:"block"})
                    $(".jContent").eq(0).css({display:"block"})
                    $(".jclose").eq(0).css({display:"block"})
                    $(".jclose").eq(0).click(function(){
                        $(".tan").eq(0).css({display:"none"})
                        $(".jContent").eq(0).css({display:"none"})
                        $(this).css({display:"none"})
                    })


                    //获取打卡奖金
                    $.ajax({
                        url:host+"/buss/daka/log/get",
                        type:"get",
                        success:function(res){
                            if(res.success){
                                var getValue =  res.data.value;
                                var getType =  res.data.type;

                                // type = 0  中奖类型为打卡金额 返回金额数
                                //type = 1 中奖爱奇艺会员，返回爱奇艺邀请码
                                //type= 2 没中奖（没中爱奇艺会员）
                                //type = 3 请稍等




                                //中奖打卡金

                                $(".num-span").eq(0).html(getValue);
                                if(getType == 1){
                                    $(".num-span-yuan").eq(0).css({display:"none"});
                                    $(".j-money").eq(0).text("领取爱奇艺会员奖励")
                                    $(".font-jiangli").eq(1).text("获得爱奇艺会员")
                                    $(".num-span").eq(0).html("邀请码："+getValue);
                                }

                                if(getType == 2){
                                    $(".num-span-yuan").eq(0).css({display:"none"});
                                    $(".font-jiangli").eq(1).text("未获得爱奇艺会员")
                                    $(".font-jiangli").eq(0).text("很遗憾")
                                    $(".num-span").eq(0).html("");
                                }

                                if(getType == 3){
                                    toast("请稍等，马上开奖",1000);
                                }

                                console.log("你获取的奖金："+getValue)
                                console.log(JSON.stringify(res))
                                $(".jTu").eq(0).click(function(){
                                    $(this).css({background:"#f74a35"});
                                    $(".j-money").eq(0).css({display:"none"});
                                    $(".j-money-tan").eq(0).css({display:"block"});
                                })

                            }

                        },
                        error:function(){
                            console.log("获取打卡奖金金额失败")
                        }
                    })

                }

                $(".day").eq(0).html(day);
                $(".num").eq(0).html(sum);
                $(".money").eq(0).html(money);



            }


        },

        error:function(){
            console.log("获取打卡日志失败")
        }
    })

    //获取打卡次数
    $.ajax({
        url:host+"/buss/daka/log/addup",
        type:"get",
        success:function(res){

            if(res.success){

                var price = res.data.price;
                var zongnum = res.data.zongnum;
                var sucnum = res.data.sucnum;
                $(".mDaka").eq(0).html(sucnum);


            }


        },

        error:function(){
            console.log("获取打卡次数失败")
        }
    })


    //点击领取爱奇艺会员

    $(".btn3").on("click",fnu);
    $(".btn2").on("click",fnu);
    function fnu(){

        window.location.href="./Qiycontent.html"
    }






    //根据是否可以领取爱奇艺会员来渲染按钮颜色

    if(dakaVip =="true"){
        $(".btn2").eq(0).css({'background': '#F75946'});


    }else{

        $(".btn2").eq(0).css({'background': '#ccc'});
        $(".btn2").eq(0).unbind('click');
        $(".btn3").eq(0).unbind('click');

    }



</script>


</body>
</html>
